
<button>获取某某数据</button>
<script>
/*
1 如何创建promise对象
2 如何获取promise对象里面的数据
3 成功的数据谁处理、失败的数据谁处理
4 第一个then的返回值 会交给第二个then继续处理 then可以写无数个
5 await用来获取.then里面的数据  增加代码可读性
6 什么是pormise、为啥要promise

异步编程的解决方案
增加代码可读性   axios   http  promise封装      await
*/

// const p = new Pormise(有一个实参函数类型这个函数有2个形参success/error推荐通过resolve/reject表示)

const p = new Promise((resolve, reject) => {
    // 服务器请求
    // 以往-拿到数据打印或者遍历到页面展示
    // 现在-拿到服务器数据保存起来  -> 保存到p对象中
    resolve(666)
})

// 存到p里面的第一个好处：可以随时使用
p
.then(res => {
    console.log(111, res)
    return 7
})
.then(res => {
    console.log(1111, res)
    return 9
})
.then(res => {
    console.log(111111, res)
})



// 存到p里面的第二个好处：代码可读性更强
document.querySelector('button').onclick = async ()  => {
        const res = await p   // await 就是获取pormise对象里面的数据
        console.log(6666, res)
}
</script>